<div
  style="
    display: flex;
    margin-top: 48px;
    padding-top: 20px;
    border-top: 1px solid #eaecef;
  "
>
  <img
    style="height: 72px; width: 72px; border-radius: 50%"
    src="{{ include.profile_photo }}"
  />
  <div
    style="
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-left: 14px;
    "
  >
    <div
      style="
        margin-top: 6px;
        font-size: 21px;
        font-weight: 600;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.84);
      "
    >
      {{ include.display_name }}
    </div>
    <div style="display: flex">
      {% if include.twitter_username %}
      <a
        style="display: flex"
        href="https://twitter.com/{{ include.twitter_username }}"
      >
        <svg
          class="social-media-icon-svg"
          style="margin: 6px"
          width="24"
          height="24"
          viewBox="0 0 24 24"
        >
          <path opacity="0" d="M0 0h24v24H0z" />
          <path
            d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"
          />
        </svg>
      </a>
      {% endif %} {% if include.medium_username %}
      <a
        style="display: flex"
        href="https://medium.com/@{{ include.medium_username }}"
      >
        <svg
          class="social-media-icon-svg"
          style="margin: 6px"
          width="24"
          height="24"
          viewBox="0 0 45 45"
        >
          <path
            d="M5 40V5h35v35H5zm8.56-12.627c0 .555-.027.687-.318 1.03l-2.457 2.985v.396h6.974v-.396l-2.456-2.985c-.291-.343-.344-.502-.344-1.03V18.42l6.127 13.364h.714l5.256-13.364v10.644c0 .29 0 .342-.185.528l-1.848 1.796v.396h9.19v-.396l-1.822-1.796c-.184-.186-.21-.238-.21-.528V15.937c0-.291.026-.344.21-.528l1.823-1.797v-.396h-6.471l-4.622 11.542-5.203-11.542h-6.79v.396l2.14 2.64c.239.292.291.37.291.768v10.353z"
          />
        </svg>
      </a>
      {% endif %} {% if include.github_username %}
      <a
        style="display: flex"
        href="https://github.com/{{ include.github_username }}/"
      >
        <svg
          class="social-media-icon-svg"
          style="margin: 6px"
          height="24"
          viewBox="-2 -2 20 20"
          width="24"
        >
          <path
            fill-rule="evenodd"
            d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
          ></path>
        </svg>
      </a>
      {% endif %} {% if include.linkedin_username %}
      <a
        style="display: flex"
        href="https://www.linkedin.com/in/{{ include.linkedin_username }}/"
      >
        <svg
          class="social-media-icon-svg"
          style="margin: 6px"
          width="24"
          height="24"
          viewBox="0 0 24 24"
        >
          <rect height="11" width="4" x="3" y="9" />
          <circle cx="5" cy="5" r="2" />
          <path
            d="M16.5,8.25A4.47251,4.47251,0,0,0,13,9.95343V9H9V20h4V13a2,2,0,0,1,4,0v7h4V12.75A4.5,4.5,0,0,0,16.5,8.25Z"
          />
        </svg>
      </a>
      {% endif %}
    </div>
  </div>
</div>
